<ui:composition template="/templates/common_template.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:a4j="http://richfaces.org/a4j">

    <ui:define name="title">RichFaces Sample</ui:define>

    <ui:define name="left_box_content">
        <div><p>
            <b>Дистанционное обучение (ДО)</b> — совокупность технологий, обеспечивающих доставку обучаемым основного объема изучаемого материала, интерактивное взаимодействие обучаемых и преподавателей в процессе обучения, предоставление обучаемым возможности самостоятельной работы по освоению изучаемого материала, а также в процессе обучения.
        </p>

            <p>Современное дистанционное обучение строится на использовании следующих основных элементов:</p>
            <ul>
                <li>среды передачи информации (почта, телевидение, радио, информационные коммуникационные сети)</li>
                <li>методов, зависимых от технической среды обмена информацией</li>
            </ul>

            <!--<img src="" alt="" align="bottom"/>-->

            <p>В настоящее время перспективным является интерактивное взаимодействие с учащимся посредством информационных коммуникационных сетей, из которых массово выделяется среда интернет-пользователей. В 2003 году инициативная группа ADL начала разработку стандарта дистанционного интерактивного обучения SCORM, который предполагает широкое применение интернет-технологий. Введение стандартов способствует как углублению требований к составу дистанционного обучения, так и требований к программному обеспечению. </p>

            <div style="float: left; width: 215px;">
                <p>Использование технологий дистанционного обучения позволяет:</p>
                <ul>
                    <li>снизить затраты на проведение обучения (не требуется затрат на аренду помещений, поездок к месту учебы, как учащихся, так и преподавателей и т. п.);</li>
                    <li>проводить обучение большого количества человек;</li>
                    <li>повысить качество обучения за счет применения современных средств, объемных электронных библиотек и т.д.</li>
                    <li>создать единую образовательную среду (особенно актуально для корпоративного обучения).</li>
                </ul>
            </div>
            <div class="left_box_girl"/>
        </div>
    </ui:define>

    <ui:define name="login_box_form">
        <h:form>
            <h:outputText value="Добро пожаловать, #{request.remoteUser}!"/>
            <h:commandButton action="#{richBean.logout}" value="Выйти"/>
        </h:form>
    </ui:define>

    <ui:define name="login_box_text">
        <div class="default_font" style="text-align:center;line-height: 1.5em;">
            <b>Уважаемый пользователь,</b><br/>
            Вам необходимо авторизоваться в системе.
            Если вы впервые на этом сайте,
            пройдитепроцедуру Регистрации.<br/>
            Регистрация займет всего несколько минут.
        </div>
    </ui:define>

    <ui:define name="page_content">
        <div id="page_content" class="default_font" style="font-size: medium;font-style: italic;">
            <img src="img/red_arrow.png" alt="" align="left"/>

            <p>”Наука есть достояние общее, а потому справедливость требует не тому отдать наибольшую научную славу, кто первый высказал известную истину, а тому, кто сумел убедить в ней других, показал ее достоверность и сделал ее применимой в науке.”<br/>
                <b style="margin-left:260px; margin-top: 3px;">Дмитрий Менделеев</b><br/></p>

            <img src="img/red_arrow.png" alt=""
                 align="left"/>

            <p>”Ничто не кажется мне нелепее смелых споров на ветер о тайнах природы, о сиянии светил, о сокровенных вещах будущего, без того, чтобы хоть раз исследовать то, может ли человеческий дух идти так далеко.”<br/>
                <b style="margin-left:260px; margin-top: 3px;">Рене Декарт</b><br/></p>


            <img src="img/red_arrow.png" alt="" align="left"/>

            <p>”Науки юношей питают,<br/>
                Отраду старым подают,<br/>
                В счастливой жизни украшают,<br/>
                В несчастной случай берегут...”<br/>
                <b style="margin-left:260px; margin-top: 3px;">Михаил Ломоносов</b><br/></p>

            <img src="img/red_arrow.png" alt=""
                 align="left"/>

            <p>”Даже в обществе двух человек я непременно найду, чему у них <br/>
                поучиться. Достоинствам их я постараюсь <br/>подражать, а на их недостатках сам буду учиться.”<br/>
                <b style="margin-left:260px; margin-top: 3px;">Конфуций</b><br/></p>
        </div>
    </ui:define>

    <ui:define name="footer">
        <div id="footer" class="default_font">
            Система спроектирована и выполнена студентами 4-го курса: Жулановой А., Болотиной И., Пекшевой М.<br/>
            Научный руководитель: Уварова А.
        </div>

        <math xmlns="http://www.w3.org/1998/Math/MathML">
            <mfenced separators="" open="(" close=")">
                <mtable>
                    <mtr>
                        <mtd>
                            <mn>1</mn>
                        </mtd>
                        <mtd>
                            <mn>1</mn>
                        </mtd>
                        <mtd>
                            <mn>1</mn>
                        </mtd>
                        <mtd>
                            <mn>1</mn>
                        </mtd>
                        <mtd>
                            <mn>1</mn>
                        </mtd>
                    </mtr>
                    <mtr>
                        <mtd>
                            <mn>1</mn>
                        </mtd>
                        <mtd>
                            <mn>0</mn>
                        </mtd>
                        <mtd>
                            <mn>0</mn>
                        </mtd>
                        <mtd>
                            <mn>0</mn>
                        </mtd>
                        <mtd>
                            <mn>1</mn>
                        </mtd>

                    </mtr>
                    <mtr>
                        <mtd>
                            <mn>1</mn>
                        </mtd>
                        <mtd>
                            <mn>0</mn>
                        </mtd>
                        <mtd>
                            <mn>0</mn>
                        </mtd>
                        <mtd>
                            <mn>0</mn>
                        </mtd>
                        <mtd>
                            <mn>1</mn>
                        </mtd>
                    </mtr>
                    <mtr>
                        <mtd>
                            <mn>1</mn>
                        </mtd>
                        <mtd>
                            <mn>0</mn>
                        </mtd>
                        <mtd>
                            <mn>0</mn>
                        </mtd>
                        <mtd>
                            <mn>0</mn>
                        </mtd>
                        <mtd>
                            <mn>1</mn>
                        </mtd>
                    </mtr>

                    <mtr>
                        <mtd>
                            <mn>1</mn>
                        </mtd>
                        <mtd>
                            <mn>1</mn>
                        </mtd>
                        <mtd>
                            <mn>1</mn>
                        </mtd>
                        <mtd>
                            <mn>1</mn>
                        </mtd>
                        <mtd>
                            <mn>1</mn>
                        </mtd>
                    </mtr>
                </mtable>
            </mfenced>
        </math>
    </ui:define>


    <!--<ui:define name="body">-->
    <!--<h:form prependId="false">-->
    <!--<h:outputLabel value="Name:" for="nameInput"/>-->
    <!--<h:inputText id="nameInput" value="#{richBean.name}" styleClass="input_field">-->
    <!--<a4j:ajax event="keyup" render="output"/>-->
    <!--</h:inputText>-->
    <!--<h:panelGroup id="output">-->
    <!--<h:outputText value="Hello #{richBean.name}!"-->
    <!--rendered="#{not empty richBean.name}"/>-->
    <!--</h:panelGroup>-->
    <!--</h:form>-->
    <!--</ui:define>-->
</ui:composition>
